import React, { useEffect, useState } from 'react'
import { View,Image, Text } from '@tarojs/components'
import Taro from '@tarojs/taro'

import './index.scss'

export default function Start() {
  return (
    <View className="activity-start">
      <View className='h1'>首先，让我们了解下英雄联盟影院观赛活动的流程：</View>
      <View className="start-list">
        <View className="list-item">
          <Image src={require('@/static/发起活动1_2x.png')} className="item-img"></Image>
          <Text>1.</Text>
          <View className='h3'>发起活动 <View>向影院购买场次</View></View>
        </View>
        <View className="list-item">
          <Image src={require('@/static/发起活动2_2x.png')} className="item-img"></Image>
          <Text>2.</Text>
          <View className='h3'>组织团员 <View>购票并做好沟通</View></View>
        </View>
        <View className="list-item">
          <Image src={require('@/static/发起活动3_2x.png')} className="item-img"></Image>
          <Text>3.</Text>
          <View className='h3'>迎接团员 <View>一起观赛一起玩</View></View>
        </View>
      </View>
      <View className="start-button" onClick={()=>{
        Taro.navigateTo({
          url:'/mineSubPack/activity/index/index'
        })
      }}>知道了!</View>
    </View>
  )
}
